@charset "utf-8";
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}
a{
    color:#8b8b8b;
}
body{
    background:#f5f5f5;
}
*{
    margin: 0;
    padding: 0;
}
html,body{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.web{
    width: 100%;
    height: 100%;
    position: relative;

.main{
     width:100vw;
     position: absolute;
     left:0;
     right: 0;
     top:r(90);;
     bottom:r(100);
     /*height: calc(100% - 50px);*/
     overflow: auto;

     >.banner{
         position: relative;
         width:100%;
         
         >img{
             width:100%;
         }
         >.zhezao{
             display: flex;
             display: -webkit-flex;
             flex-direction: column;
             justify-content: space-around;
             align-items:center;
                position: absolute;
                bottom:0;
                width:100%;
                height:r(104);
                background:rgba(0,0,0,.5);
                >p{
                    width:r(590);
                    text-align: center;
                    line-height: r(53);
                    font-size:r(27);
                    color:#fff;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
                >div{
                    width:r(590);
                    display: flex;
                    display: -webkit-flex;
                    justify-content: center;
                    align-content: center;
                    >div{
                        width:r(23);
                        img{
                            width:100%;
                        }
                    }
                   
                    >span{
                        font-size:r(18);
                        color:#fff;
                    }
                    >span:nth-of-type(1){
                        margin-right:r(45);
                    }
                    >.date{
                        text-align: right;
                        flex-grow: 1;
                    }
                }
         }//zhezao
         .xuanxiang{
             position: absolute;
             left:50%;
             transform: translateX(-25%);
             bottom:r(10);
                .yuan{
                    display: inline-block;
                    width:r(10);
                    height:r(10);
                    border-radius: 50%;
                    background:#cdbfb1;
                    margin-right:r(13);
                }
         }//xuanxiang
     }//banner
     .txt_content{
             background:#fff;
            width:100%;
            >.contentA{
                margin:0 auto;
                width:r(584);
                display: flex;
                display: -webkit-flex;
                justify-content:space-between;
                flex-direction: row;
                padding-top:r(18);
                padding-bottom:r(18);
                border-bottom:#ddd 1px solid;
                >.lcontent{
                    display: flex;
                    display:-webkit-flex;
                    flex-direction: column;

                    >p{
                        font-size:r(24);
                        color:#000;
                        width:r(345);
                        overflow: hidden;
                        text-overflow:ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp:2;
                        -webkit-box-orient: vertical;
                    }
                    >.l_b_content{
                        display: flex;
                        display:-webkit-flex;
                        flex-direction: row;
                        justify-content: center;
                        margin-top:r(25);
                        >div{
                            width:r(25);

                            >img{
                                width:100%;
                            }
                        }
                        >span{

                            font-size:r(20);
                            color:#c5c5c5;
                        }
                        .date{

                            flex-grow: 1;
                            text-align: right;
                        }
                    }
                }
            }//left
            .contentA:first-child{
                padding-top:33px;
                // margin-bottom:33px;
            }
            .contentA:last-child{
                border:none;
            }
            .rcontnet{
                width:r(210);
                >img{
                    width:100%;
                }
            }//right
          
     }//txt_content
    
     .heng{
         font-size:0;
         background:#fff;
         padding-top:r(35);
         width:100%;
         margin:0 auto;
         padding-bottom:r(28);
         >p{
            margin:0 auto;
            width:r(584);
            font-size:r(24);
            color:#000;
            margin-bottom:r(20);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
         }
         >.heng_img{
             margin:0 auto;
             width:r(584);
             display: flex;
             display:-webkit-flex;
             justify-content:space-between;
                >.h_img{
                    width:r(187);
                    >img{
                        width:100%;
                    }    
                }
         }
         >.heng_xinxi{
             margin:0 auto;
             margin-top:12px;
             width:r(584);
             display:flex;
             display: -webkit-flex;
             align-items: center;

             >div{
                 width:r(28);
                 img{
                     width:100%;
                 }
             }
             >article{
                 width:r(23);
                 img{
                     width:100%;
                     vertical-align: middle;
                 }
             }
             >span{
                 font-size:r(20);
                 color:#c5c5c5;
                 margin-right:r(23);
             }
             >.date{
                flex-grow: 1;
                text-align: right;
                margin:0;
             }
         }
     }//heng
     .heng_mg{
        margin-top:33px;
    }
    >p{
        
        font-size:r(22);
        color:#bababa;
        padding:r(20) 0;
        margin:0 auto;
        text-align: center;
        border-top:#ddd 1px solid;
        background: #fff;
    }
   
   
}//main

}